*{margin: 0;padding: 0;}
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,article,aside,audio,canvas,figure,footer,header,mark,menu,nav,section,time,video{margin:0;padding:0;}
/* html{min-width:1200px;} */
html,body{height:100%;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
body{font-size:14px;line-height:1;
  /* font-family:"Microsoft YaHei","Helvetica Neue","Helvetica",Arial,sans-serif;background-color:#fff; */
  color:#333;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
strong,em,i{font-style:normal;font-weight:normal;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:none;}
input::-ms-clear{display:none !important;}
input,select,textarea,button{vertical-align:middle;outline:none;border:0;}
input{border-radius:0;box-shadow:none;}
input[type="button"],
input[type="submit"],
input[type="reset"],
button{-webkit-appearance:none;}
textarea{-webkit-appearance:none;overflow-y:auto;overflow-x:hidden;resize:none;}
/* 如果需要去除掉select元素的默认样式，放开下面的注释即可 */
select{appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand{display:none;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:none;}
 
input:foucs{outline:none}
/**
 * view-port list:
320x480
320x568
320x570
360x592
360x598
360x604
360x640
360x720
375x667
375x812
393x699
412x732
414x736
480x854
540x960
640x360
720x1184
720x1280
800x600
1024x768
1080x1812
1080x1920
 */
html {
  font-size: -webkit-calc(13.33333333vw);
  font-size: calc(13.33333333vw);
}
@media screen and (max-width: 320px) {
  html {
    font-size: 42.667px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 721px) and (max-width: 768px) {
  html {
    font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}

/* 公共类 */
.centerBox{
  max-width: 1280px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}
.main{
  width: 100%;
  overflow: hidden;
}

.clearBoth::after{
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.center_main{
  height: auto;
  padding: 0 0.25rem;
  margin-top: 0.25rem;
  overflow: hidden;
}

.col_fff{
  color: #fff;
}

@media screen and (max-width: 1180px) {
  .centerBox{
    max-width: 90%;
  }
}